@extends('layouts.header')
@section('content')
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span>        操作日志
        <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
            title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
    </nav>
    <div class="page-container">
        <table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
            <thead>
                <tr class="text-c">
                    <th>真实姓名</th>
                    <th>登录ip</th>
                    <th>登录地址</th>
                    <th>操作内容</th>
                    <th>操作时间</th>
                </tr>
            </thead>
        </table>
    </div>
    <script type="text/javascript">
        var table;
        $(function(){
            $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
            table = $('#datatable').DataTable({
                ordering: false, // 是否排序
                searching:false,
                // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
                // "stateDuration": -1,//仅保留当前会话的数据
                // "paging":false, //禁用分页
                serverSide: true,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
                // responsive: true,//响应式，需要插件
                // fixedHeader: true,//表头固定，需要插件
                // autoWidth: false,
                "deferRender": true,//延迟渲染速度
                ajax: "{{url()->full()}}",
                processing : true,//加载数据时候是否显示进度条
                language: { url: '/admin/lib/datatables/dataTables_Chinese_Lang.json' },
                /* createdRow : function( row, data, dataIndex ) { 
                    //当tr元素被创建（所有的td元素已经插入进去），或者给tr绑定事件，该回调函数被执行
                    $(row).addClass( 'text-c' );  
                },
                initComplete : function (settings, json) {
                    //当表格完成加载绘制完成后执行此方法
                    // $(row).addClass( 'text-c' );
                    // alert(111);
                }, */
                columns: [
                    { data : "realname", class:"text-c" },
                    { data : "ip", class:"text-c" },
                    { data : "addr", class:"text-c" },
                    { data : "auth_name", class:"text-c" },
                    { data : "ctime", class:"text-c" },
                ],
            });

            /*  draw  在表格完成绘制后触发*/
            table.on( 'draw', function () {
                var info = table.page.info();
                //如果最后一页仅剩一条记录，而且不是在第一页
                if((info.start == info.end) && info.end > 1){
                    //跳转到上一页
                    $('#datatable_previous').click();
                }
            });
        });
    </script>
@endsection